<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main"><i class="glyphicon glyphicon-user"></i> 人员管理</a></li>
        <li><a ui-sref="main.member.personHouse.list" class="active" ng-bind="title"></a></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-heading clearfix">
                <div class="w-auto">
                   <form ng-submit="search()" class="form-inline">
                       <div class="form-group">
                           <label for="name">姓名：</label>
                           <input type="text"
                                class="form-control" style="width: 180px" id="name"
                                placeholder="" ng-model="param.personName">
                       </div>
						<div class="form-group">
							<label for="identity">手机号码：</label> <input type="text"
								class="form-control" style="width: 180px" id="identity"
								placeholder="" ng-model="param.mobileNo">
						</div>

						<div class="form-group">
							<label for="name">地址：</label> <input type="text"
								class="form-control" style="width: 180px" id="name"
								placeholder="" ng-model="param.address">
						</div>
						<div class="form-group">
							<button type="submit" class="btn btn-primary new-primary"
								style="margin-left: 10px" ng-show="read">查询</button>
						</div>
                       <div class="form-group">
                           <a ui-sref="main.member.personHouse.create" class="btn btn-primary addNew" ng-show="add"><i class="glyphicon glyphicon-plus" ></i>新增</a>
                       </div>
						
					</form>
                </div>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                    	<th>姓名</th>
                    	<th>手机号码</th>
                    	<th>关系类型</th>
                    	<th>人员类型</th>
                    	<th>地址</th>
                    	<th>开始时间</th>
                    	<th>结束时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.data">
                        <td class="v-middle">{{item.personName}}</td>
                        <td class="v-middle">{{item.mobileNo}}</td>
                        <td class="v-middle">
                        	<span ng-show="item.relationType=='0'">租赁</span>
                        	<span ng-show="item.relationType=='1'">自有</span>
                        </td>  
                         <td class="v-middle">
                        	<span ng-show="item.personType=='0'">租客</span>
                        	<span ng-show="item.personType=='1'">房东</span>
                        </td> 
                        <td class="v-middle">{{item.address}}</td>
                        <td class="v-middle">{{item.startDate}}</td>
                        <td class="v-middle">{{item.endDate}}</td>
						<td class="v-middle">
						    <a href="#" ui-sref="main.member.personHouse.update({'id':item.id})" ng-show="update">编辑</a>
						    <a ng-click="delpersonHouse(item.id,item.personName,item.address)" ng-show="dele">删除</a>
						</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
            
            <!-- 底部分页 -->
			<span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.wrapper-data -->

</div>
<!-- /.wrapper-md -->
